@charset "UTF-8";
.clearfix {
	&:after {
		display: block; 
		content: ""; 
		clear: both; 
		width: 0; 
		height: 0; 
		overflow: hidden; 
	}
}
.head {
	margin-top: 100px; 
	text-align: center; 
	& .head-txt {
	    font-size: 18px; 
		text-decoration: none; 
		color: #888; 
		& + .head-txt {
			margin-left: 30px; 
		}
	}
	& .active {
		font-size: 22px; 
		color: red; 
	}

	& .head-title {
		font-size: 20px; 
	}
}
.main {
    padding: 10px 30px; 
    text-align: center; 
}
.form-group {
	position: relative; 
	margin-top: 14px; 
	& .input-group {
		padding: 0 10px; 
		box-sizing: border-box; 
		width: 100%; 
		height: 40px; 
		font-size: 16px; 
		border: 1px solid #bbb; 
		border-radius: 4px; 
		outline: none; 
	}
	& .check-code {
		padding: 0 10px; 
		float: left; 
		box-sizing: border-box; 
		width: 55%; 
		height: 40px; 
		font-size: 16px; 
		border: 1px solid #bbb; 
		border-radius: 4px; 
		outline: none; 
	}
	& .check-img {
		display: block; 
		margin-left: 5%; 
		float: left; 
		box-sizing: border-box; 
		width: 40%; 
		height: 40px; 
		border: 1px solid #bbb; 
	}
	& .btn-sub {
		box-sizing: border-box; 
		width: 100%; 
		height: 40px;  
		line-height: 40px; 
		font-size: 16px; 
		color: #fff; 
		border: none; 
		border-radius: 4px; 
		background: red; 
	}

	& .pass {
		padding-right: 50px; 
	}

	& .pass-visibility {
		position: absolute; 
		top: 5px; 
		right: 10px; 
		width: 30px; 
		height: 30px; 
		background: url(../../images/pass-visibility.svg) no-repeat center center; 
		background-size: 28px;  
	}
}
.check-txt {
	margin-top: 14px; 
	padding-left: 10px; 
	box-sizing: border-box; 
	width: 100%; 
	font-size: 14px; 
	color: red; 
	text-align: left; 
}
// 忘记密码
.forgot {
	margin-top: 20px; 
	& a {
		font-size: 16px; 
		text-decoration: none; 
		color: #666; 
	}
}